<template>
  <div>
       <div>  
        <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      fixed
      prop="createTime"
      label="创建时间"
      width="100">
    </el-table-column>
    <el-table-column
      prop="title"
      label="标题"
      width="120">
    </el-table-column>
    <el-table-column
      prop="reward"
      label="报酬"
      width="120">
    </el-table-column>
    <el-table-column
      prop="assistantName"
      label="协助者用户名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="publicsherName"
      label="发布者用户名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="status"
      label="状态"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="goVerify(scope.row)" type="text" size="small">审核</el-button>
    
      </template>
    </el-table-column>
  </el-table>

        <!-- <table >
            <caption>协助列表</caption>
            <tr>
                <th>标题</th>
                <th>报酬</th>
                <th>协助者用户名</th>
                <th>发布者用户名</th>
                <th>创建时间</th>
                <th>状态</th>

            </tr>
            <tr>
                <td>取外卖</td>
                <td>5r</td>
                <td>小米</td>
                <td>小明</td>
                <td>2022-01-21</td>
                <td>0</td>
            </tr>
        </table> -->
         <!-- 通过v-if是否显示，根据状态完成状态就审核 -->
         
       </div>
    
  
  </div>
</template>

<script>
export default {
    name:'assistList',
    methods:{
        goVerify(){
            this.$router.push({
                name:'verify',
            })

        },
        golist(){
            this.$router.push({
                name:'assistList',
            })

        }, 
   
     },


    data() {
      return {
        tableData: [{
          createTime: '2016-05-02',
          title: '去外卖',
          reward: '20r',
          assistantName: '普陀',
          publicsherName: '上海',
          status:0
        },]
      }
    }

}
</script>

<style scoped>
table{
    border:1px solid skyblue;
}
td{
    border:1px solid skyblue;
    margin-left:0;
    padding: 0;
}

</style>